//添加分类选项
function addOptions(othis, pid, grade){
	var str = '';
	str += '<li>';
	str += '<div class="options optBefore disNone"><dl>';
	str += '<dt class="opt_sort" id="oSort"></dt>';
	str += '<dd class="opt_name nameColor" id="oName"></dd>';
	str += '<dd class="opt_name nameColor" id="oEnName"></dd>';
	str += '<dd class="opt_id" id="oCid"></dd>';
	str += '<dd class="operating">';
	str += '<input type="submit" value="编辑" onclick="editOpt(this)" class="sub" id="editOpt"/>';
	str += '<input type="button" value="删除"  onclick="delOpt(this)" class="sub but" id="delOpt"/>';
	if(grade == '2'){
		str += '<input type="button" value="添加"  onclick="addOpt(this)" class="sub" id="addOpt"/>';
	}
	str += '</dd>';
	str += '</dl></div>';

	str += '<div class="options optAddAfter">';
	str += '<form action="" method="post" name="addForm" id="addForm" onsubmit="return false">' + csrf_field;
	str += '<input name="pid" id="pid" value="' + pid + '"  type="hidden" />';
	str += '<input name="grade" id="grade" value="' + grade + '"  type="hidden" />';
	str += '<dt class="opt_sort"><input name="sort" id="sort" value="0" class="opt sort" type="text" /></dt>';
	str += '<dd class="opt_name"><input name="name" id="name" value="" class="opt" type="text" placeholder="请输入职位名称" /></dd>';
	str += '<dd class="opt_name"><input name="en_name" id="en_name" value="" class="opt" type="text" placeholder="请输入英文职位名称" /></dd>';
	str += '<dd class="opt_id"><input name="cid" id="cid"  value="" class="opt" type="text" placeholder="请输入正确的编码" /></dd>';
	str += '<dd class="operating">';
	str += '<input type="submit" value="保存" class="sub" onclick="saveOption(this,posUrl,' + grade + ')" id="saveOpt" />';
	str += '<input type="button" value="删除" class="sub but" id="delOpt" onclick="delOption(this)" />';
	str += '</dd>';
	str += '</form>';
	str += '</dl></div>';

	str += '<div class="options optAfter disNone">';
	str += '<form action="" method="put" name="upForm" id="upForm" onsubmit="return false">' + csrf_field;
	str += '<input name="id" id="insertID" value=""  type="hidden" />';
	str += '<input name="pid" id="pid" value=""  type="hidden" />';
	str += '<input name="grade" id="grade" value=""  type="hidden" />';
	str += '<dt class="opt_sort"><input name="sort" id="sort" value="0" class="opt sort" type="text" /></dt>';
	str += '<dd class="opt_name"><input name="name" id="name" value="" class="opt" type="text" placeholder="请输入职位名称" /></dd>';
	str += '<dd class="opt_name"><input name="en_name" id="en_name" value="" class="opt" type="text" placeholder="请输入英文职位名称" /></dd>';
	str += '<dd class="opt_id"><input name="cid" id="cid"  value="" class="opt" type="text" placeholder="请输入正确的编码" /></dd>';
	str += '<dd class="operating">';
	str += '<input type="submit" value="保存" class="sub" onclick="updateOpt(this,posUrl,' + grade + ')" id="saveOpt" />';
	str += '<input type="button" value="取消" class="sub but" id="cancelOpt" onclick="cancelOption(this)" />';
	str += '</dd>';
	str += '</form>';
	str += '</dl></div>';
	str += '</li>';
	$(othis).parents('li').after(str);
}

//保存新添加分类选项
function saveOption(othis, posUrl, grade){
	var queryString = $(othis).parents('form').formSerialize();
	$.ajax({
		url: posUrl,
		cache: false,
		dataType: "json",
		data: queryString,
		type: "POST",
		beforeSend: function(){
			layer.load();
		},
		success: function(data){
			if(data.status == 0){
				$(othis).parents('li').find('.optBefore').find("#oName").html(data.dataInfo.edit_name);
				$(othis).parents('li').find('.optBefore').find("#oEnName").html(data.dataInfo.edit_en_name);
				$(othis).parents('li').find('.optBefore').find("#oSort").html(data.dataInfo.sort);
				$(othis).parents('li').find('.optBefore').find("#oCid").html(data.dataInfo.cid);

				$(othis).parents('li').find('.optAfter').find("#name").val(data.dataInfo.name);
				$(othis).parents('li').find('.optAfter').find("#en_name").val(data.dataInfo.en_name);
				$(othis).parents('li').find('.optAfter').find("#sor").val(data.dataInfo.sort);
				$(othis).parents('li').find('.optAfter').find("#cid").val(data.dataInfo.cid);

				$(othis).parents('li').find('.optAfter').find("#pid").val(data.dataInfo.pid);
				$(othis).parents('li').find('.optAfter').find("#grade").val(data.dataInfo.grade);
				$(othis).parents('li').find('.optAfter').find("#insertID").val(data.dataInfo.id);

				$(othis).parents('li').find('.optBefore').show();
				$(othis).parents('li').find('.optAddAfter').hide();
				layer.msg(data.msg, {icon: 6, time: 1500});
			}else{
				layer.msg(data.msg, {icon: 5, time: 1500});
			}
		},
		error: function(data){
			var msgErr = '';
			var errors = $.parseJSON(data.responseText);
			$.each(errors, function(index, value){
				msgErr += value + ";<br>";
			});
			layer.msg(msgErr, {icon: 5, time: 1500});
		},
		complete: function(){
			layer.closeAll('loading');
		}
	});
}

//编辑分类选项
function editOpt(othis){
	$(othis).parents('li').find('.optBefore').hide();
	$(othis).parents('li').find('.optAfter').show();
}

//添加新添加类别
function addOpt(othis){
	var cid = $(othis).parents('li').find('.optAfter').find("#cid").val();
	addOptions(othis, cid, '3');
}

//删除新添加类别
function delOpt(othis){
	var id = $(othis).parents('li').find('.optAfter').find("#insertID").val();
	var grade = $(othis).parents('li').find('.optAfter').find("#grade").val();
	delOptions(othis, id, grade);
}

//更新新添加分类
function updateOpt(othis, posUrl, grade){
	var oUrl = posUrl + '/' + $(othis).parents('li').find('.optAfter').find("#insertID").val();
	updateOption(othis, oUrl, grade);
}

//更新分类选项
function updateOption(othis, updateUrl, grade){
	var queryString = $(othis).parents('form').formSerialize();
	$.ajax({
		url: updateUrl,
		cache: false,
		dataType: "json",
		data: queryString,
		type: "PUT",
		beforeSend: function(){
			layer.load();
		},
		success: function(data){
			if(data.status == 0){
				if(grade == '1'){
					location = posUrl + '/' + $(othis).parents('form').find("#cid").val();
				}
				if(grade == '2'){
					location.reload();
				}

				$(othis).parents('li').find('.optBefore').find("#oName").html(data.dataInfo.edit_name);
				$(othis).parents('li').find('.optBefore').find("#oEnName").html(data.dataInfo.edit_en_name);
				$(othis).parents('li').find('.optBefore').find("#oSort").html(data.dataInfo.sort);
				$(othis).parents('li').find('.optBefore').find("#oCid").html(data.dataInfo.cid);

				$(othis).parents('li').find('.optBefore').show();
				$(othis).parents('li').find('.optAfter').hide();
				layer.msg(data.msg, {icon: 6, time: 1500});
			}else if(data.status == 1){
				layer.msg(data.msg, {icon: 5, time: 1500});
			}
		},
		error: function(data){
			var msgErr = '';
			var errors = $.parseJSON(data.responseText);
			$.each(errors, function(index, value){
				msgErr += value + ";<br>";
			});
			layer.msg(msgErr, {icon: 5, time: 1500});
		},
		complete: function(){
			layer.closeAll('loading');
		}
	});
}


//删除空表单选项
function delOption(othis){
	$(othis).parents('li').remove();
}

//删除分类选项
function delOptions(othis, optID, grade){
	layer.confirm('您确定要删除这个分类吗？', {
		btn: ['确定', '取消'] //按钮
	}, function(){
		$.post(posUrl + '/' + optID, {'_method': 'delete', '_token': _token}, function(data){
			if(data.status == 0){
				layer.msg(data.msg, {icon: 6, time: 1500});
				if(grade == '3'){
					$(othis).parents('li').remove();
				}else if(grade == '2'){
					location.reload();
				}else if(grade == '1'){
					location = posUrl;
				}
			}else{
				layer.msg(data.msg, {icon: 5, time: 1500});
			}
		});
	});
}

//取消分类选项
function cancelOption(othis){
	$(othis).parents('li').find('.optBefore').show();
	$(othis).parents('li').find('.optAfter').hide();
}
